// axios的基础封装
import axios from 'axios';
import {ElMessage} from 'element-plus';
import { useUserStore} from '@/store/userStore'

// 创建axios实例
const request = axios.create({
    baseURL: 'http://pcapi-xiaotuxian-front-devtest.itheima.net',
    timeout: 5000
});

// 请求拦截器
request.interceptors.request.use(config => {
    // 在发送请求之前做一些处理
    const userStore = useUserStore();
    if (userStore.userInfo.token) {
        config.headers.Authorization = `Bearer ${userStore.userInfo.token}`;
    }
    return config;
}, error => {
    return Promise.reject(error);
});

// 响应拦截器
request.interceptors.response.use(response => {
    // 对响应数据做点什么
    return response;
}, error => {
    // 对响应错误做点什么
    const status = error.response.status;
    switch (status) {
        case 404:
            //错误提示信息
            ElMessage({
                type: 'error',
                message: '请求失败路径出现问题'
            })
            break;
        case 500 | 501 | 502 | 503 | 504 | 505:
            ElMessage({
                type: 'error',
                message: '服务器挂了'
            })
            break;
        case 401:
            ElMessage({
                type: 'error',
                message: '参数有误'
            })
            break;
    }
    console.log(error)
    return Promise.reject(error);
});

// 导出axios实例
export default request;